<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{$data.name}</title>
  <meta name="keywords" content="{$data.seokeywords}" />
  <meta name="description" content="{$data.seodescription}" />
  <hdsyspage name="图片内容模版" />
  {include:link}
  <script type="text/javascript">
    var $jq = $;
    $jq(document).ready(function() {
      $jq('.showpic_flash').bxSlider({
        pagerCustom: '#pic-page',
        adaptiveHeight: true,
      });

    });
  </script>
</head>

<body id="photo">


  {include:head}

  {include:bannabg}

  <!-- main -->
  <div class="container">
    <div class="row">


      <!-- right -->
      <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
        <div class="list_box">
          <h2 class="left_h">{$data.nav.0.listname}</h2>

          <!-- showpic -->
          <div class="col-sm-11 col-md-8 col-md-offset-2" style="margin-bottom:30px; margin-top:20px;">
            <ul class="showpic_flash">
              {foreach explode('|',$data.album) as $vo}
              {if $vo!=''}
              <li>
                <a class="example-image-link" href="{$vo}" data-lightbox="example-set" target="_blank">
                  <img class="example-image" src="{$vo}" alt="{$data.name}" />
                </a>
              </li>
              {/if}
              {/foreach}
            </ul>

            <div id="pic-page">
              {php $i=0}
              {foreach explode('|',$data.album) as $vo}
              {if $vo!=''}

              <a data-slide-index="{@$i}" href="{$vo}"><img src="{$vo}" alt="{$data.name}" /></a>

              {php $i++}
              {/if}
              {/foreach}
            </div>
          </div>

          <div class="product_con">
            {$data.name}
            <div id="content">{$data.content}</div>
          </div>

          <div class="point">
            <span class="to_prev col-xs-12 col-sm-6 col-md-6">上一个：
              {if $prevnext.prev.url == '#'}
              没有了
              {else}
              <a style="overflow:hidden" href="{@jmp($prevnext.prev.url)}" title="{$prevnext.prev.name}">{$prevnext.prev.name}</a>
              {/if}
            </span>


            <span class="to_next col-xs-12 col-sm-6 col-md-6">
              下一个：
              {if $prevnext.next.url == '#'}
              没有了
              {else}
              <a href="{@jmp($prevnext.next.url)}" title="{$prevnext.next.name}">{$prevnext.next.name}</a>

              {/if}

            </span>
          </div>


        </div>


        <div class="list_related">
          <h2 class="left_h">相关图片</h2>
          <div class="product_list related_list">
            {content  template="picture"  page="" pageas='' searchid='0' pid="" sdates="" isgraph='1'  sort=desc begin=0 rows=4 by="browse"  where=" " as=$vo }
            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
              <a href="{@jmp($vo.static_url)}">
                <img src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}" />
              </a>
              <p class="product_title"><a href="{@jmp($vo.static_url)}" title="{$vo.name}">{$vo.name}</a></p>
            </div>
            {/content}
          </div>
        </div>
      </div>



      <!-- left -->
      <div class="col-xs-12 col-sm-4 col-md-3">

        {include:navs.content}

        <div class="left_news">
          <h2 class="left_h">推荐内容</h2>
          {include:news}
        </div>



        {include:contact}
      </div>

    </div>
  </div>

  {include:bottom}

</body>

</html>